<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/* css部分：选择器：抓取页面元素，元素增加效果
			 选择器{
 	 	     属性:属性值;
			属性:属性值;
						                 
						 */
					
			p{
				width: 200px;
				height: 200px;
				background:#e4393c; /*16进制色值*/
			}</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表 【开发不用】 
		语法：前标记：style="属性：属性值；属性：属性值；..."
		-->
		   	<div style="width: 300px;height: 300px;background: red;"></div>
			<!-- ②内部样式表 【开发不用：联系专用】
			 html部分：在head元素中，添加css元素
			 css部分：在style元素中，添加css样式-->
	</body>
</html>